/*FIX FOR TEMPLATES WITH NOT LONG SIDEBAR MENU*/
/*TODO: ADD FUNCTIONALITY TO TEMPALTES WITH VERY BIG SIDE BAR MENUS*/
@media (min-width: 1200px) {
    .layoutSidebar {
        overflow-y: hidden;
    } 
}

/*** -----------------------------  ***/
/* FIX FOR PLAYLISTS RIGHT WITH SIDEBAR - REVIEW THIS iF IN TROUBLE IN MORE PAGES OR MOBILE */
@media (min-width: 1700px) {

.grayLeftWhiteRightLayout .layoutWrapper > :nth-child(2) {
    min-width: unset;
    width: 100%;
}
}
/*** -----------------------------  ***/

/*body { background: transparent; }*/
.mainMenu .menuTop ul.withChildrenOfChildren  {
    align-items: flex-start;
    padding-left: 25px;
}

/*temp fix for modules containing background in before with z-index -1 or relative to be displayed on top of the body reference*/
.page main {
    position: relative;
    z-index: 1;
}
.nextSection {
    z-index: 1;
}

/*Universities Full List PL112*/
/*https://piercedev.xpr.cloud/education/ib/what-is-ib/pierce-ib-placements/?pending=1*/
.universitiesFullList img:not([alt]) {
    -webkit-filter: unset;
    filter: unset;
} 

.universitiesFullList img {
    width: 55px;
    height: 55px;
}

.paginationWrapper {
    overflow: hidden;
    display: flex;
    margin-top: 30px;
    margin-bottom:60px;
}

@media all and (min-width: 992px) {
    .paginationWrapper {
        margin-top: 60px;
        margin-bottom: 120px;     
    }
}

.paginationWrapper .wrapper {
    margin: 0 auto;
    overflow-x: scroll;
}
.paginationWrapper .wrapper ul {
    display: flex;
}

.paginationWrapper .wrapper a {
    align-items: center;
    color: #66648b;
    display: flex;
    font-size: 15px;
    font-weight: 700;
    height: 50px;
    justify-content: center;
    letter-spacing: .0075em;
    line-height: 20px;
    transition-duration: .15s;
    transition-property: color,background-color;
    transition-timing-function: ease;
    width: 50px;
    height: 50px;
    flex-shrink: 0;
}

.paginationWrapper .wrapper a.active, .paginationWrapper .wrapper a:not(.disabled):focus, .paginationWrapper .wrapper a:not(.disabled):hover {
    background: rgba(85, 100, 221, 0.30);
}

.paginationWrapper .wrapper a.active, .paginationWrapper .wrapper a:not(.disabled):focus, .paginationWrapper .wrapper a:not(.disabled):hover {
    color: #5564DD;
    text-align: center;

    /* Body/Body Large Bold */
    font-family: CF Asty Std;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 145.455% */
    letter-spacing: 0.165px;
}

.paginationWrapper .wrapper a {
    font-size: 16px;
    line-height: 24px;
}

.paginationWrapper .wrapper a.active, .paginationWrapper .wrapper a:not(.disabled):focus, .paginationWrapper .wrapper a:not(.disabled):hover {
    color: #D91E36;;
    text-align: center;
    /* Body/Body Large Bold */
    font-family: CF Asty Std;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 145.455% */
    letter-spacing: 0.165px;
}

.paginationWrapper .wrapper span {
    font-size: 0;
}

.paginationWrapper .wrapper svg {
    height: 22px;
    width: 22px;
}

/*https://piercedev.xpr.cloud/education/faculty/gymnasium-faculty/?&p=2*/
/*https://piercedev.xpr.cloud/xpr/bundles/edit/38/4438*/
.cardImageFaculty__link a{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 999;
}


/*Homepage menu fixes after Logos of universities where added*/
.footerBottom .logos {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%;
}

.footerOuter .logos a {
    max-width: 120px;
}

@media all and (min-width: 1200px) {
    .footerOuter .logos .left a {
        max-width: 70px;   
    }
    .footerOuter .logos .right a {
        max-width: 120px;   
    }
}

.footerBottom .rightTitle {
    color: #66648b;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .12px;
    line-height: 1.5;
    margin-bottom: 20px;
    justify-content: start;
}

.footerBottom .right {
    flex-wrap: wrap;
    max-width: 520px;
    flex-direction: column;
}

.footerBottom .right .rightContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
}

.footerBrandsLink:nth-child(1), .footerBrandsLink:nth-child(2), .footerBrandsLink:nth-child(3) {
    margin-bottom: 30px;
}

@media all and (min-width: 1024px) {
    .footerOuter .logos {
        align-items: flex-start;
        flex-direction: column;
    }
    .footerOuter .menus .logos .left {
        margin-bottom: 60px;
    }
    .footerOuter .menus .logos .rightTitle { 
        justify-content: left;   
    }    
    .footerOuter .menus .logos .right .rightContainer {
        justify-content: flex-start;
    }    
    .footerOuter .footerBottom {
        padding-top: 20px; 
    }
    .footerOuter .layoutWrapper {
        position: relative;
        z-index: 1;
    }
}
@media all and (min-width: 1200px) {
    .footerOuter .logos {
        flex-direction: row;
        justify-content: flex-start;  
    }    
    .footerRightLinkImage {
        max-height: 40px;   
    }
    .footerBottom .left {
        margin-bottom: unset;
        margin-right: 40px;
        flex-direction: row;
        justify-content: flex-start;
    }
    .footerBottom .right {
        margin-left: 30px;
        justify-content: center;
        max-width: 100%;
        /*width: 100% !important;*/
    }
    .footerOuter .footerBottom .logos .right a {
        margin-bottom: 0;   
    }
    .footerOuter .footerBottom .logos .right a:not(:last-child) {
        margin-right:0;   
    }
    
    .footerOuter .footerBottom .logos .left a:not(:last-child) {
        margin-right:15px;   
    }
}

/*to solve issue with breadcrumb menu and accent(add this class for Greek)*/
.breadcrumb-greek ol li a {
    text-transform: capitalize;
}

/*footer background missing fixes*/
.footerLayout {
    position: relative;
}

.footerLayout:before {
    z-index: 0;
}

.inclusive {
    position: relative;
}

.shareButtons-container {
    position: relative;
}


.facultyDetailsHeader .row.custom-css {
    display: block;
    margin-bottom: 20px; /* Adjust as needed to control the spacing between each d-grid */
}

/*success stories inner rte target Q and question with strong and italic to achieve css effects*/
.QASection .childQuestion .rte p{
    font-size: 22px;
}

.QASection .childQuestion .rte strong {
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.01em;
    color:  #C03;
    width: 30px;
    height: 30px;
}

 @media screen and (min-width: 1024px) {
    .QASection .childQuestion .rte strong {
        font-size: 30px;
        line-height: 40px;
     }
}

.QASection .childQuestion .rte em {
    color: #66648B;
    /*font-family: "CF Asty Std";*/
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 157.143% */
    letter-spacing: 0.105px;
    text-transform: uppercase;
}

/*careers inner age rte overwrite styles*/
.textOnly.career-inner-page .rte__body p {
    margin-bottom: 30px;
}

.textOnly.career-inner-page .rte__body ul {
    margin-bottom: 60px;
}

/*social share icons expandable */
.social-wrapper {
    position: absolute;
    bottom: -280px;
     left: 0;
    right: auto; 
}

.share-icon {
    width: 52px;
    height: 52px;
    background-color: #fff;
    bottom: 50px;
   
    display: flex;
    justify-content: center;
    align-items: center;
}

.social-wrapper ul {
    display: none;
}

.social-wrapper ul li {
    display: inline-block;
    margin-right: 10px; 
}

.social-wrapper:hover ul {
    display: flex;
    position: absolute;
    background-color: #fff;
    color: #fff;
    transform: translateX(-52px);
    /*transform: translateY(50%);*/
    /*text-wrap: nowrap;*/
    /*white-space: nowrap;*/
    text-align: center;
    /*text-transform: uppercase;*/
    align-items: center;
    padding: 18px 15px 15px 15px;
    bottom: 0;
    right: 0;
    left: auto; 
    list-style: none;
    padding: 0;
    margin: 0;
    height: 52px;
}

.contactUsContentLeftRight .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}


.facultyDetailsHeader img {
    width: 350px;
    height: 350px;
}

.alumniWebcasts .cardImageFaculty:before,
.alumniContactCards .cardImageFaculty:before {
    -webkit-box-shadow: -10px 20px 50px -5px rgba(14, 13, 57, 0.07);
    box-shadow: -10px 20px 50px -5px rgba(14, 13, 57, 0.07);   
}
.alumniWebcasts .cardImageFaculty__textWrapper {
    min-height: unset;
    height: calc(100% - 343px);
}
@media (max-width:712px){
  .alumniWebcasts .cardImageFaculty__textWrapper {
    min-height: unset;
    height: calc(100% - 280px);
  }
}
/*extra playlist not Figma - playlistname: Alumni Archive Cards - playlistbundle: https://piercedev.xpr.cloud/xpr/bundles/edit/39/4560*/
.alumniArchiveCards .cardImageFaculty__time {
    color: #C03;
    /*font-family: "CF Asty Std";*/
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 157.143% */
    letter-spacing: 0.105px;
    
    margin-bottom: 20px;
}

.alumniArchiveCards .cardImageFaculty__webinar__title {
    color: #252159;
    
    /* Body/Body Large Bold */
    /*font-family: "CF Asty Std";*/
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 145.455% */
    letter-spacing: 0.165px;
}

.alumniContactCards .contactBox__info a { color: #072A4A; }
.alumniContactCards .contactBox__info a:hover { color: #CC0033; }
.alumniContactCards .contactBox__info { position:relative; }

/*.alumniContactCards.academyClasses .cardImageFaculty__container {*/
/*  width: 320px;*/
/*}*/

.mainMenu .menuTop ul .hasSubmenu:nth-child(1) .hasChildren {
  min-width: 400px;
  height: 400px;
  min-height: 800px;
  /*left: -450px;*/
}
/*item 1*/
.mainMenu .menuTop .hasSubmenu:nth-child(1) .hasChildren:before,
.mainMenu .menuTop .hasSubmenu:nth-child(1) .hasChildren:after {
    left: 120x;
}
.mainMenu .menuTop ul .hasSubmenu:nth-child(3) .hasChildren {
    min-height: 500px;
    max-height: 500px;   
}
/*item4*/
.mainMenu .menuTop .hasSubmenu:nth-child(4) .hasChildren:before,
.mainMenu .menuTop .hasSubmenu:nth-child(4) .hasChildren:after {
    left: 104px;
}

.mainMenu .menuTop ul .hasSubmenu:nth-child(3) .hasChildren,
.mainMenu .menuTop ul .hasSubmenu:nth-child(4) .hasChildren,
.mainMenu .menuTop ul .hasSubmenu:nth-child(5) .hasChildren,
.mainMenu .menuTop ul .hasSubmenu:nth-child(6) .hasChildren {
  min-width: 420px;
}
.mainMenu .menuTop ul .hasSubmenu:nth-child(6) .hasChildren {
  min-height: 420px;
  min-width: 320px;
}

.mainMenu .menuTop ul .hasSubmenu:nth-child(2) .hasChildren,
.mainMenu .menuTop ul .hasSubmenu:nth-child(3) .hasChildren,
.mainMenu .menuTop ul .hasSubmenu:nth-child(4) .hasChildren,
.mainMenu .menuTop ul .hasSubmenu:nth-child(5) .hasChildren,
.mainMenu .menuTop ul .hasSubmenu:nth-child(6) .hasChildren{
 flex-wrap: nowrap;  
}

.mainMenu .menuTop ul .hasSubmenu:nth-child(2) .hasChildren {
    flex-wrap: wrap;
    /*min-width: 592px;*/
    min-height: 420px;
}

.mainMenu .menuTop .hasSubmenu:nth-child(2) .hasChildren:before,
.mainMenu .menuTop .hasSubmenu:nth-child(2) .hasChildren:after {
    left: 354px;
}

.mainMenu .menuTop .hasSubmenu:nth-child(2) .hasChildren {
    left: -280px;   
}
.mainMenu .menuTop ul.hasChildren.extra a span {
    /*max-width: 80%;   */
}

/*library search  - https://piercedev.xpr.cloud/to-sxoleio-mas/egkatastaseis/agia-paraskevi/vivliothiki/hlektronikos-katalogos/ playlistbundle: https://piercedev.xpr.cloud/xpr/bundles/edit/38/4565*/
.library-form-container {
    border: 20px solid #E8E8E8;
    height: 100%;
}

.library-search {
    display: inline-block; 
    width: 100%; 
    margin-bottom: 0;
    font-size: 1em; 
    padding: 0px 0.5em; 
    color: #000!important; 
    background-color: white; 
    border: unset;
    box-shadow: none;
}

.library-search-button {
   display: flex;
   align-items: center; 
   justify-content: center; 
   height: 3em; 
   padding: 0 0.5em; 
   border: 1px solid #cccccc;
}

/*Pierce Footer Fix since no other Footer Below Items are added*/
.footerBelow .terms a:first-child {
    border-right: none; 
}

/*fix content left Right bug*/
@media (min-width: 1024px) {
    .contentLeftRight__image img {
        max-height: 100%;
        aspect-ratio: unset;
    }
}

/*for the faculty phrase as Description Bundle: https://piercedev.xpr.cloud/xpr/bundles/edit/39/4425 and front https://piercedev.xpr.cloud/ekpaideush/gymnasio/akadhmaika-tmhmata/agglikh-filologia/*/
.facultyMasterCards .cardImageFaculty {
    min-height: unset;
}

.facultyMasterCards .cardImageFaculty__image {
    max-height: 280px;
}

.facultyMasterCards .textLargeBold {
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: .0075em;
}

.facultyMasterCards h2 {
    margin-bottom: 15px;
}

.facultyMasterCards .cardImageFaculty__time {
    overflow: hidden;          
    text-overflow: ellipsis;   
    display: -webkit-box;      
    -webkit-line-clamp: 4;     
    -webkit-box-orient: vertical;
    max-height: 80px;  
}

.cardImageFaculty {
    aspect-ratio: unset !important;
}

.cardImageFaculty .cardImageFaculty__level {
    margin-bottom: 22px;
}
@media (min-width: 1100px) {
    .cardImageFaculty .cardImageFaculty__division { 
        padding-bottom: 23px;
    }
}

@media all and (min-width: 1280px) and (max-width: 1920px) {
    .facultyMasterCards .cardImageFaculty__time {
        overflow: hidden;          
        text-overflow: ellipsis;   
        display: -webkit-box;      
        -webkit-line-clamp: 2;     
        -webkit-box-orient: vertical;
        max-height: 40px;  
    }
}

@media all and (min-width: 1200px) and (max-width: 1400px) {
    .facultyMasterCards .cardImageFaculty__time {
        display: none;
    }
}
.section-7510:after{
    display:none;
    }
.section-7514:after{
     display:none;
    }
#playlist-6443 img{
            max-height: 100%;
    }
    
@media (min-width: 768px) { 
    .tabsTables #myTabContent {
        height: 500px;
        overflow: scroll;
    }
}
.loader {
    display:none;   
}
.page-loader-visible .loader {
    display:block;   
}
    
.flyout .column.first .article {
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.76)),to(rgba(0,0,0,.4)));
    background: linear-gradient(360deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.4) 100%);    
}

/* POSITION STICKY FOR TABS WITH TABLE */
.tabsTables table {
    border-collapse: collapse;
    display: table;
}
.tabsTables table tr th {
    position: sticky;
    top: 0;
    z-index: 1;
}

/* FIX FOR SECTION TILES ANIMATION TEXT AND TEXT WRAPPER */
.sectionTiles .cardImage .cardImage__wrapper .textLargeBold {
    position: absolute;
    bottom: 20px;
    transform: translateY(0);
}
.sectionTiles .cardImage .cardImage__wrapper .text {
    display: none;
    font-weight: 400;
    font-size: 16px;
}
.sectionTiles .cardImage:hover .cardImage__wrapper .text {
    display: block;
}
.sectionTiles .cardImage:hover .cardImage__wrapper .textLargeBold {
    bottom: auto;
    /*transform: translateY(-40px);*/
}
 
@media all and (max-width: 1024px) {
    .sectionTiles .cardImage .cardImage__wrapper .textLargeBold {
        bottom: auto;
        transform: translateY(-10px);
      position:relative;
    }
    /*.cardImage:hover  .cardImage__wrapper .textLargeBold{*/
    /*    position:relative;*/
    /*}*/
    .sectionTiles .cardImage .cardImage__wrapper .text {
        display: block;
        visibility: visible;
        opacity: 1;        
    }
}
    
/*.cardImageFaculty__division{*/
/*      display: -webkit-box;*/

    /*-webkit-line-clamp: 3; */
/*  -webkit-box-orient: vertical;*/
/*  overflow: hidden;*/
/*  text-overflow: ellipsis;*/
  /*white-space: normal; */
/*}*/
.loaderSearch{
    color:#c03;
}
.searchResults .image .faculty {
    max-width: 100%;
    height: -webkit-fill-available;
    -o-object-fit: cover;
    object-fit: fill;
    width: inherit;
}
.searchResults .image .featured {
    object-fit: cover;
}


.eventsFeatured .calendarContainer .controlsContainer .tabsContainer input.calendarRadioTab:hover+label, .eventsFeatured .calendarContainer .controlsContainer .tabsContainer input.calendarRadioTab:checked+label {
    border-bottom: 6px solid #CC0033;
    color: #CC0033;
}
.eventsFeatured .calendarContainer .controlsContainer .selectorContainer .selection {
    color: #252159;
    width: max-content;
}
.selection {
    color: #252159;
}
.eventsFeatured .calendarContainer .controlsContainer .selectorContainer .eventIcon:hover{
     color: #252159;
    }
.eventsFeatured .calendarContainer .controlsContainer .selectorContainer .eventIcon{
     color: #a8a6bd;
    }
.eventsFeatured .calendarContainer .calendarContent .eventInfo h4 {
        font-size: 16px;
        line-height: 24px;
        color:#252159;
    }

#myTabContent{
    overflow-x: scroll;
}

.cardImage:hover  .cardImage__wrapper .textLargeBold{
    position:relative;
}



/*@media  all and (max-width: 430px) {*/
/*    .schoolDivisionTiles .cardImage {*/
/*        height: 210px;*/
/*    }*/
/*}*/

@media  all and (min-width: 1024px) {
    .rightContainer .footerBrandsLink{
        width: max-content;
        
    }
        
    .footerBottom .right .rightContainer {
        display: grid;
        flex-wrap: wrap;
        grid-template-columns: repeat(4, 1fr);
        align-items: center;
    }
}

@media  all and (min-width: 1200px) {
    .footerBottom .right .rightContainer {
        gap: 20px;
    }
}

.section-7627 .rte .rte__container .rte__title h2{
    font-weight: bolder;
    }
    
.footerOuter .inclusive .description svg {
    width: unset;
    height: 18px;
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .cardEvent__textTitle {
        font-size: 22px;
        line-height: 26px;
    }
}
@media screen and (min-width: 1400px) {
  .cardImageFaculty {
    height: 100%;
  }
}
.cardImageFaculty__image{
    height:350px;
    }

.darkBanner{
    background-color:#EDEDF3;
    }
#playlist-7641    .headingLargeBold{
   
    color:#CC0133;
}
#playlist-7641  {
   padding-top:150px;
}
.darkBanner .checkskin input[type=checkbox]+.checkskin-text:before{
    background-color: #ffffff;
    width: 36px;
    height: 36px;
    content:"";
    }
.darkBanner .checkskin input[type=checkbox]:checked+.checkskin-text:before {
    color: #fff;
    background-color: #c03;
    content:"\eaa0";
}
/*GG Events Custom */
#innerEventsListing .item {
	 background-color: #fff;
	 box-shadow: -10px 20px 50px -5px rgba(14, 13, 57, 0.07);
	 display: flex;
	 position: relative;
	 height: 182px;
	 transition-duration: 0.35s;
	 transition-property: color, background-color, width;
	 transition-timing-function: ease;
	 width: 100%;
	 z-index: 0;
}
 #innerEventsListing .item:before {
	 transition-duration: 0.35s;
	 transition-property: color, background-color, width;
	 transition-timing-function: ease;
}
 @media (hover: hover) {
	 #innerEventsListing .item:before {
		 background-color: #c03;
		 content: "";
		 height: 100%;
		 position: absolute;
		 width: 0%;
		 z-index: 1;
	}
	 #innerEventsListing .item:hover .date:before {
		 width: 100%;
	}
	 #innerEventsListing .item:hover .date p, #innerEventsListing .item:hover .date span {
		 color: #c03 !important;
	}
	 #innerEventsListing .item:hover h4, #innerEventsListing .item:hover span, #innerEventsListing .item:hover .arrow, #innerEventsListing .item:hover .icon-arrow-right {
		 color: #fff !important;
	}
	 #innerEventsListing .item:hover:before {
		 width: 100%;
	}
}
#innerEventsListing .item .date {
    align-items: center;
    background-color: white;
    display: flex;
    flex-direction: column;
    height: max-content;
    width: 109px;
    justify-content: center;
    position: absolute;
    top: calc(100% - 121px);
    left: 193px;
    height: 121px;
    z-index: 2;
}
 #innerEventsListing .item .date:before {
	 background-color: #fff;
	 content: "";
	 height: 100%;
	 left: 0;
	 position: absolute;
	 transition-duration: 0.35s;
	 transition-property: color, background-color, width;
	 transition-timing-function: ease;
	 width: 0%;
	 z-index: 1;
}
 #innerEventsListing .item .date span {
	 font-weight: bold;
	 letter-spacing: 0.0075em;
	 font-size: 14px;
	 line-height: 22px;
	 color: rgba(255, 255, 255, 0.8);
	 z-index: 1;
	 color: #252159;

}
 #innerEventsListing .item .date .date-p {
	 color: #c03;
	 font-family: "CFAstyStd";
	 font-size: 40px;
	 font-style: normal;
	 font-weight: bold;
	 letter-spacing: 0.01em;
	 line-height: 60px;
	 z-index: 1;
}
 #innerEventsListing .item .arrow {
	 align-items: center;
	 color: #1c81dd !important;
	 display: flex;
	 position: absolute;
	 height: 100%;
	 right: 30px;
	 justify-content: center;
	 transition-duration: 0.35s;
	 transition-property: color, background-color, width;
	 transition-timing-function: ease;
	 z-index: 1;
}
 #innerEventsListing .item .icon-arrow-right {
	 color: #1c81dd;
	 font-size: 22px;
	 height: 22px;
	 transition-duration: 0.35s;
	 transition-property: color, background-color, width, font-size;
	 transition-timing-function: ease;
	 width: 22px;
}
 #innerEventsListing .item .item-inner {
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 max-width: 400px;
	 padding-left: 30px;
	 z-index: 1;
}
 #innerEventsListing .item .item-inner h4 {
	 color: #0f4c8b;
	 margin-bottom: 7px;
	 transition-duration: 0.35s;
	 transition-property: color, background-color, width;
	 transition-timing-function: ease;
}
 #innerEventsListing .item .item-inner span {
	 color: #66648b;
	 transition-duration: 0.35s;
	 transition-property: color, background-color, width;
	 transition-timing-function: ease;
}
 #innerEventsListing .item .textBox {
    padding: 26px 30px 24px 30px;
    color: #66648B;
    font-size:12px;
;

   
}
 #innerEventsListing .item:hover .item-inner h4 {
	 color: #fff;
	 margin-bottom: 7px;
	 transition-duration: 0.35s;
	 transition-property: color, background-color, width;
	 transition-timing-function: ease;
}
 #innerEventsListing .item:hover .item-inner span {
	 color: #fff;
	 transition-duration: 0.35s;
	 transition-property: color, background-color, width;
	 transition-timing-function: ease;
}
 #innerEventsListing .item:hover .textBox {
    padding: 26px 30px 24px 30px;
    color: #fff;
    font-size:12px;
    z-index:2;
;

   
}
#innerEventsListing .main-event-image{
	max-width:302px;
	width:302px;
		     }
@media only screen and (max-width: 550px) {
  #innerEventsListing .item {
    display: table-cell;
  }
#innerEventsListing .item .date {
    top: calc(100% - 231px);
    left: calc(100% - 108px);
    
    }
#innerEventsListing .main-event-image {
    width: inherit;
    max-width: none;
}
}
	 #innerEventsListing .item:hover h4, #innerEventsListing .item:hover span, #innerEventsListing .item:hover .arrow, #innerEventsListing .item:hover .icon-arrow-right {
		 color: #fff !important;
	}
	
.eventBoxInner .cardEvent__date{
    background-color:unset;
    }
.eventBoxInner .cardEvent__month{
    color:white;
    }
.eventBoxInner .cardEvent__days{
    color:white;
    }
.eventBoxInner   .opacityWhite{
    color: rgba(255, 255, 255, 0.7);
    }
    
#faculty-form ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

#faculty-form ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.co-light-gray{
color: #363940!important;

}
	
	/*temp fix items override */
.section-6515.grayLeftWhiteRightLayout:after,.section-7627.grayLeftWhiteRightLayout:after {
        content: "";
        position: absolute;
        width: 20%;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
    }
    
@media (max-width: 1600px)  {
    .mainMenu .menu a {
        font-size: 14px;
    }
}
@media (max-width: 1400px)  {
    .mainMenu .menu a {
        font-size: 11px;
    }
}

#mobileMenu .mm-navbar__title{
    font-size:12px;
    }
    
#mobileMenu .mm-listitem__btn{
    font-size:18px;
    }
    
#mm-50 .mm-listitem__text,#mm-54 .mm-listitem__text,#mm-70 .mm-listitem__text,#mm-52 .mm-listitem__text{
      font-size:16px;
    }
.mm-listitem::last-child .mm-listitem__text{
      font-size:16px;
    }
@media (min-width: 375px) {
    .mobileMenu .mm-panels #mm-1 .mm-listview {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #C03), color-stop(56%, #A30029))!important;
        background: linear-gradient(to bottom, #C03 60%, #A30029 56%)!important;
    }
}

#playlist-7724 .rte__description {
        width: -webkit-fill-available;
        min-height: 30px;   
    }
    
#playlist-7724 .cards .rte__container {
    padding: 32px 30px 32px;

}
.mainMenu .languageSwitcher  a {
    left:unset;
    margin-left: auto;
}
.mm-wrapper--opened .mainMenu .languageSwitcherMobile {
    left: calc(100% - 120px);
}

.expandableCard .faqskin__content .rte__body ul :is(li){
    list-style:unset;
    }
.footerAboveOuterMobileContent .formAcgNewsletter input{
    width:-webkit-fill-available
}

#playlist-4621 img {
    max-height: 100%;
}